<template>
    <div id="app">
        <div class="root">
            <mmvHeader></mmvHeader>
            <div class="root-page-container">
                <div class="mmv-main-page">
                    <router-view />
                </div>
            </div>
            <mmvFooter></mmvFooter>
        </div>
    </div>
</template>

<script>
import mmvHeader from "@/components/mmv-header.vue";
import mmvFooter from "@/components/mmv-footer.vue";

export default {
    components: {
        mmvHeader,
        mmvFooter,
    },
};
</script>

<style lang="less">
.root {
    width: 100%;
    &-page-container {
        padding: 62px 0;
        background: url(https://bbs.mihoyo.com/ys/_nuxt/img/c0e9f5b.png)
            no-repeat 0 62px;
        background-size: 100%;
    }
}
</style>